<!DOCTYPE html>
<html lang="en"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.thymeleaf.org"
      layout:decorator="layout/pc_master">
<div layout:fragment="content">
<link rel="stylesheet" href="/pc/css/pictureViewer.css">
<link rel="stylesheet" href="/pc/css/moment/index.css">
<input type="hidden" id="orderBy" value="">
    <!-- s: 导航 -->
    <div class="breadcrumb-wrap">
        <div class="layui-main clearfix">
            <div class="breadcrumb">
                <a href="/">首页</a> - 单身圈
            </div>
        </div>
    </div>
    <!-- e: 导航 -->

    <section class="section page-content">
        <div class="layui-main clearfix">
            <div class="section-left">
                <!-- s: 筛选 -->
<!--                <div class="bcui-btnnav">-->
<!--                    <a class="item active" href="https://demo.bottlecms.com/moment">-->
<!--                        全部-->
<!--                    </a>-->
<!--                    <a class="item " href="https://demo.bottlecms.com/moment?topic=新人报道">-->
<!--                        新人报道-->
<!--                    </a>-->
<!--                    <a class="item " href="https://demo.bottlecms.com/moment?topic=内心独白">-->
<!--                        内心独白-->
<!--                    </a>-->
<!--                    <a class="item " href="https://demo.bottlecms.com/moment?topic=上传头像">-->
<!--                        上传头像-->
<!--                    </a>-->
<!--                    <a class="item " href="https://demo.bottlecms.com/moment?topic=晒照片">-->
<!--                        晒照片-->
<!--                    </a>-->
<!--                </div>-->
                <!-- e: 筛选 -->

                <!-- s: 列表 -->
                <div class="moment-list moments_list" id="moment-list">

                </div>
                <!-- e: 列表 -->

            </div>
            <div class="section-right">
                <div class="bcui-widget">
                    <h5 class="title">发布动态</h5>
                    <div style="text-align: center; padding: 30px;">
                        <a class="layui-btn layui-btn-lg layui-btn-default layui-btn-radius"  href="/moment/create?media_type=image">
                            <svg t="1610448852501" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M874.666667 521.92a32 32 0 0 1 64 0v330.666667a96 96 0 0 1-96 96h-661.333334a96 96 0 0 1-96-96v-661.333334a96 96 0 0 1 96-96H512a32 32 0 0 1 0 64H181.333333a32 32 0 0 0-32 32v661.333334a32 32 0 0 0 32 32h661.333334a32 32 0 0 0 32-32v-330.666667zM750.122667 185.749333l90.517333 90.517334 30.165333-30.165334a21.333333 21.333333 0 0 0 0-30.186666l-60.330666-60.330667a21.333333 21.333333 0 0 0-30.165334 0l-30.186666 30.165333z m165.952 105.6L463.509333 743.893333l-139.050666-0.426666a42.666667 42.666667 0 0 1-42.538667-42.816v-0.042667l0.576-137.728L735.04 110.336a85.333333 85.333333 0 0 1 120.682667 0L916.074667 170.666667a85.333333 85.333333 0 0 1 0 120.682666z m-211.2-60.352L346.389333 589.504l-0.384 90.026667 91.093334 0.277333 358.293333-358.293333-90.517333-90.517334z" p-id="6410"></path></svg>
                            发布动态
                        </a>
                    </div>
                </div>

                <!-- s: 脱单宝典 -->
                <div class="bcui-widget bcui-widget-article">
                    <h5 class="title">脱单宝典</h5>
                    <ul class="lists">
                        <li class="item _text" th:each="item:${article}">
                            <a th:href="'/article/info/'+${item.id}" th:text="${item.title}">
                            </a>
                        </li>

                    </ul>
                </div>
                <!-- e: 脱单宝典 -->


            </div>
        </div>
    </section>



</div>
<div layout:fragment="contentFooter" >
    <script src="/pc/js/pictureViewer.js" type="text/javascript"></script>
    <script src="/pc/js/moment/index.js" type="text/javascript"></script>
</div>
</html>